﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />


<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ihg-theme-draft">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <jsp:include page="/WEB-INF/include/submenu-session.jsp">
    <jsp:param name="currentUrl" value="${ctx.host}/sessions/${session.id}" />
  </jsp:include>

  <div class="container-fluid ihg-container has-ihg-sidemenu">

    <div class="ihg-breadcrumb">
      <ol class="breadcrumb border-breadcrumb">
        <li class="active">Orientation Call Management</li>
      </ol>
      <div class="pull-right">
        <a href="${ctx.host}/active-sessions" style="color: #155CB2;"><<&nbsp;Go Back List</a>
      </div>
    </div>

    <div class="ihg-content-layout has-operation">
      <div class="row">
        <div class="col-xs-12">
          <ul class="nav nav-tabs" role="tablist" style="margin-top: 20px;">
            <li><a href="${ctx.host}/sessions/${session.id}/orientations">Orientation</a></li>
            <li class="active"><a href="${ctx.host}/sessions/${session.id}/who-i-know">Who I Know</a></li>
          </ul>

          <div class="tab-content" style="margin-top: 25px;">

            <div class="tab-pane active">
              <div class="block-heading clearfix">
                <h5 class="clearfix">Deadline：<fmt:formatDate dateStyle="MEDIUM" type="DATE" value="${session.endDate}"/></h5>
                <a class="pull-right" href="${ctx.host}/sessions/${session.id}/who-i-know/download">Download The Who I Know Form</a>
              </div>
              <div class="row form-horizontal ihg-form" style="padding: 0px;">
                <div class="col-xs-12">

                  <div class="panel panel-default ihg-panel">
                    <div class="panel-heading">
                      <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;RELATIONSHIPS</span>
                    </div>
                    <div class="panel-body" style="padding: 0px;">
                      <table class="table table-bordered ihg-table-table" style="margin-bottom: 0px; text-align: center;">
                        <tbody>

                          <tr>
                            <td></td>
                            <c:forEach var="assessor" items="${assessors}">
                              <td>${assessor.name}</td>
                            </c:forEach>
                          </tr>
                          <c:forEach var="relationShip" items="${relationShips}">
                            <tr>
                              <td>${relationShip.delegateName}</td>
                              <c:forEach var="level" items="${relationShip.knowingLevels}">
                                <c:choose>
                                  <c:when test="${empty level}">
                                    <td>NONE</td>
                                  </c:when>
                                  <c:when test="${not empty level and level.notKnow}">
                                    <td class="success">DO NOT KNOW</td>
                                  </c:when>
                                  <c:when test="${not empty level and level.knowOf}">
                                    <td class="warning">KNOW OF</td>
                                  </c:when>
                                  <c:otherwise>
                                    <td class="danger">KNOW WELL</td>
                                  </c:otherwise>
                                </c:choose>
                              </c:forEach>
                            </tr>
                          </c:forEach>

                        </tbody>
                      </table>

                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>

        </div>

      </div>
    </div>


  </div>

  <%@ include file="/WEB-INF/include/footer.jsp"%>
  <%@ include file="/WEB-INF/include/script.jsp"%>

</body>
</html>